<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var str = '',
            rows = prompt('请输入行数') - 0,
            cols = prompt('请输入列数') - 0;
        // for (var i = 1; i <= rows; i++) {
        //     for (var j = 1; j <= cols; j++) {
        //         str += '〇'
        //     }
        //     str += '\n'
        // }
        // console.log(str);
        // //从右侧到左侧
        // var str1 = '';
        // for (var i = 1; i <= rows; i++) {
        //     for (var j = 1; j <= rows - i; j++) {
        //         str1 += '  ' +'\t';
        //     }
        //     for (var j = 1; j <= i; j++) {
        //         str1 += '☆'+'\t'
        //     }
        //     str1 += '\n';

        // }
        // console.log(str1);

        //99乘法表
        var str = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                str += `${j}X${i}=${j*i}\t`
            }
            str += '\n'
        }
        console.log(str);

        //带行数和列数
        //方法一和方法二比较复杂,方法一多一次循环多一个变量,方法二多一个变量
        // var strFirst = '';
        // str = '';
        // for (var i = 0; i <= rows; i++) {
        //     for (var j = 1; j <= cols; j++) {
        //         i === 0 && (str += `\t${j}`) && (j === cols && (str += '\n'));
        //         i > 0 && (j === 1 ? str += `${i}:\t★` : str += `\t★`);
        //     }
        //     i === 0 || (str += '\n');
        // }
        // str = `${strFirst}\n${str}`
        // console.log(str);
        // var str = '';
        var row = prompt('请输入需要点亮的行数') - 0,
            col = prompt('请输入需要点亮的列数') - 0;
        str = '';
        for (var i = 0; i <= rows; i++) {
            for (var j = 1; j <= cols; j++) {
                if (i === 0) {
                    str += `\t${j}`;
                } else if (j === 1) {
                    (col === j && i === row) ? (str += `${i}:\t★`) : (str += `${i}:\t☆`);
                } else {
                    (col === j && i === row) ? (str += `\t★`) : (str += `\t☆`);
                }
                //j === 1 ? str += `${i}:\t★` : str += `\t★`; //执行非第一次外循环//j===1判断是否为每行第一列
            }
            str += '\n'

        }
        console.log(str);

        //正右三角//★☆//倒左三角空星和实星互换,j > rows - i;
        str = '';
        for (var i = 0; i < rows; i++) {
            for (var j = 1; j <= rows; j++) {
                if (j >= rows - i) {
                    str += '★\t';
                } else {
                    str += '\t';
                }
            }
            str += '\n'
        }
        console.log(str);

        //倒右三角//★☆//正左三角空星和实星互换,j > rows - i;
        str = '';
        for (var i = 0; i < rows; i++) {
            for (var j = 1; j <= rows; j++) {
                if (j - i > 0) {
                    str += '★\t';
                } else {
                    str += '\t';
                }
            }
            str += '\n'
        }
        console.log(str);

        //★向右斜
        str = '';
        for (var i = 1; i <= rows; i++) {
            for (var j = 1; j <= i; j++) {
                j === i ? str += '★' : str += '☆';
            }
            str += '\n';
        }
        console.log(str);

        //★向左斜
        str = '';
        for (var i = 1; i <= rows; i++) {
            for (var j = 1; j <= rows - i + 1; j++) {
                j === rows - i + 1 ? str += '★' : str += '☆';
            }
            str += '\n';
        }
        console.log(str);

        alert('登录案例')
        var userAccound = prompt('请输入用户名'),
            passWord = prompt('请输入密码');
        while (userAccound !== 'admin' || passWord !== '123456') {
            alert('输入错误,请重新输入')
            userAccound = prompt('请输入用户名');
            passWord = prompt('请输入密码');
        }
        alert('登录成功,正在跳转,请稍候');

        num = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 10 === 3) {
                continue;
            }
            num += i;
        }
        console.log(num);
        
    </script>
</head>

<body>

</body>

</html>